<script>
export default {
  name: "TencentMap",
  mounted() {
    this.initMap();
  },
  methods:{
    initMap() {
      // 创建地图实例
      const map = new TMap.Map("map",{
        center: new TMap.LatLng(39.984154, 116.307490),
        zoom: 15,
        mapStyleId: "style_dark", // 使用腾讯地图的内置深色主题
      });


      // 添加控件
      map.addControl(new TMap.NavigationControl());

      // 添加标记
      const marker = new TMap.Marker({
        position: centerPoint,
        map: map,
        title: "北京"
      });
    }
  }
}
</script>

<template>
  <div id="map" style="width: 100%; height: 100vh;"></div>
</template>

<style scoped lang="scss">

</style>